<template>
  <view class="user-vip-page">
    <v-image :url="bg_url" :width="width" :height="height" :is-fade="true" :duration="10" />
    <view class="btn">
      <view class="text">立即开通VIP ￥{{money}}/年</view>
    </view>
  </view>
</template>

<script>
import Image from '../../components/image/index'

export default {
  components: {
    'v-image': Image
  },
  computed: {

  },
  watch: {

  },
  data() {
    return {
      bg_url: '/mini/bg/member.png',
      width: '750rpx',
      height: '1428rpx',
      money: 188
    }
  },
  methods: {

  },
  onLoad(options) {

  },
  onShow() {
    // 获取会员价
    this.money = this.$store.getters['User/info'].vip.price
  },
  onPageScroll(e) {
  },
  onPullDownRefresh() {
  },
  onHide() {
  }
}
</script>

<style lang="scss" scoped>
.user-vip-page {
  background-image: #f3f5f7;
  .btn {
    position: fixed;
    bottom: 200rpx;
    left: 100rpx;
    right: 100rpx;
    height: 100rpx;
    //background: #ffebb0;
    background: $vip_color;
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    //border: 1rpx solid #563418;
    border: 1rpx solid #fefefe;
    box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.5);
    .text {
      font-size: 36rpx;
      //color: #563418;
      color: white;
      font-weight: 700;
    }
  }
}
</style>
